<template>
  <div class="container">
    
       <!-- 全选 批量删除 -->
         <!-- 左下角删除按钮 -->
 <el-button type="primary" @click="batchDeletFun">批量删除</el-button>

       <!-- 分页 -->
     <div>
<el-pagination
  background
  @current-change="handleCurrentChange"
  :current-page="currentPage4"
  layout="prev, pager, next,jumper"
  :total="total">
</el-pagination></div>
  </div>
</template>

<script>
export default {
     props:['total'],
data() {

      return {
        currentPage4: 1,  //当前页码

      };
    },
  methods:{
    //全选删除事件
    batchDeletFun(){
     //子调父 去调另外组件   是去删除table组件里的数据  
     // 数据在multiple...[]里面  
      // this.$emit('parentbatch')  
      this.$parent.parentbatch() 
    },


  
     //当前页面切换事件
        handleCurrentChange(val) {
          //    console.log(val)
        console.log(`当前页: ${val}`);
     //val传递给父主键page
     this.parent.page=val
     
     //刷新表格
     this.$emit('resetTablefun',val)  //去父组件接收
      }

  },

   
}
</script>

<style lang='less' scoped>
.el-pagination {
     text-align: center;
}
.el-pagination.is-background .el-pager li{
     border:1px solid #3d3333 !important;
     border-radius: 6px;
}
// 下方按钮
.el-button--mini, .el-button--mini.is-round {
    padding: 7px 15px;
    width: 80px;
    margin-left: 80px;
}

</style>